<template>
  <p>mouse position {{state.x}} {{state.y}}</p>
</template>

<script>
import {
  reactive
} from 'vue'
// import useMousePosition from './MousePosition.js'
import useMousePosition2 from './MousePosition.js'
export default {
  name: 'MousePosition',
  setup(props, { emit }) {
    // const {
    //   x,
    //   y
    // } = useMousePosition()

    // return {
    //   x,
    //   y
    // }

    const state = useMousePosition2()

    return {
      state
    }
  }
}
</script>

